<style>
	.details-page .tab-container {
        background-color: #f7f7f7;
        overflow: hidden;
    }
    
    .details-page .tab-container .title {
        float: right;
        line-height: 56px;
        padding-right: 24px;
        color: #999;
				
				
    }
    
    .details-page .tab-wrap {
        float: left;
    }
    
    .details-page .tab-wrap button {
        height: 56px;
        line-height: 56px;
        padding: 0 10px;
        border: 0;
        background: 0 0;
        border-radius: 0;
        color: #666;
        font-size: 16px;
        cursor: pointer;
        margin-right: 20px;
    }
    
    .details-page .tab-wrap button.active {
        color: #5e67a5;
        border-bottom: 3px solid #5e67a5;
        font-size: 16px;
        font-weight: bolder;
    }
    
    .business-follow-container .tb-title {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#ececec))
    }
    
    .business-follow-container .scroll-wrap {
        overflow: hidden;
    }
    
    .business-follow-container div.showScroll {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    
    .hl-table .tb-content .content-item div {
        float: left;
    }
    
    .details-page .gs-image-container img {
        width: 140px;
        height: 140px;
        display: block;
        border: 1px solid #efefef;
    }
    
    .details-page .gs-image-container p {
        margin-top: 10px;
        color: #666;
    }
    
    .details-page .seperate-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .details-page .seperate-container span {
        width: 1px;
        height: 110px;
        display: block;
        background-color: #e8e8e8;
    }
    
    #business-details .pop .content {
        background-color: #f9f9f9;
        padding: 0 16px;
    }
    
    .cmr-basis {
        margin: 20px 0;
    }
    
    .ddqy-pop p {
        color: #999;
    }
    
    .ddAccount-pop .title {
        height: 38px;
        line-height: 38px;
        text-align: left;
    }
    
    .ddAccount-pop .assignees-container {
        width: 330px;
        height: 420px;
        overflow-y: scroll;
        border-radius: 4px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .25) inset;
        background-color: #fff;
    }
    
    .select-member-container {
        width: 200px;
        height: 420px;
        overflow-y: scroll;
        border-radius: 4px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .25) inset;
        background-color: #fff;
    }
    
    .ddAccount-pop .assignees-container::-webkit-scrollbar {
        display: none;
    }
    
    .ddAccount-pop .select-member-container::-webkit-scrollbar {
        display: none;
    }
    
    .ddAccount-pop .arrow-sign {
        width: 10px;
        margin-right: 12px;
    }
    
    .ddAccount-pop .select-member-item {
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
    }
    
    .yxDetailInfo {
        overflow-x: scroll;
    }
    
    .color99 {
        color: #999;
    }
    
    .text-hover-top {
        position: absolute;
        width: 200px;
        padding: 15px;
        background-color: #fff;
        z-index: 9;
        color: #999;
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
        border-radius: 4px;
        line-height: 24px;
    }
    
    .text-hover-top::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -10px;
        width: 0;
        height: 0;
        border-width: 0 10px 10px;
        border-style: solid;
        border-color: transparent transparent #fff;
        transform: translate(-50%, 0);
    }
    
    .change_show {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #565E99;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        cursor: pointer;
    }
    
    .recordItem {
        position: relative;
    }
    
    .recordItem_6 {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #565E99;
        position: absolute;
        top: 0;
        left: -18px;
    }
    
    .recordItem_1 {
        font-size: 14px;
        color: #999;
        position: relative;
        top: -5px;
    }
    
    .recordItem_2 {
        font-size: 14px;
        color: #666;
        margin: 5px 0 10px 0;
    }
    
    .recordItem_3 {
        padding: 10px;
        font-size: 14px;
        color: #666;
        background: #F2F2F2;
    }
    
    .recordItem_3 {
        padding: 10px;
        background: #F2F2F2;
    }
    
    .recordItem_4 {
        display: flex;
        flex-direction: column;
        margin: 10px 0;
        padding: 10px;
        background: #F2F2F2;
    }
    
    .recordItem_5 {
        display: flex;
        justify-content: flex-end;
        font-size: 14px;
        color: #999;
    }
</style>

<section>
	<div id="business-details" class="details-page">
		<div class="tab-container" style="border-radius:0 6px 0 0;">
			<div class="tab-wrap">
				<button v-for="(item,index) in tab" :key="index" @click="handleSelectedTab(item,index)" :class="{active:selectedTabItem == item}">{{item}}</button>
			</div>
			<div class="title">客户管理-{{selectedTabItem}}</div>
		</div>

		<div class="plr-24">
			<div class="contract-content">
				<!-- //访客单 -->
				<section class="mt-15" v-if="selectedTabItem == '访客单'">
					<div class="hl-table">
						<div class="scroll-wrap">
							<ul class="tb-title dy-flex" style="background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfcfc), to(#ececec));">
								<li class="dy-fx-1">访客单号</li>
								<li class="dy-fx-1">访客单类型</li>
								<li class="dy-fx-1">渠道分类</li>
								<li class="dy-fx-1">渠道名称</li>
								<li class="dy-fx-1">客户名称</li>
								<li class="dy-fx-1">联系方式</li>
								<li class="dy-fx-1">操作</li>
							</ul>
							<div class="tb-content">
								<ul class="content-item dy-flex" v-for="item in visitorFormInfo">
									<li class="dy-fx-1 border-r">
										<a :href="'#/intentionalDetail?ddtab=true&clear=true&id='+item.id" target="_blank">{{item.no}}</a>
									</li>
									<li class="dy-fx-1 border-r">{{item.typeVal}}</li>
									<li class="dy-fx-1 border-r">{{item.channelCategoryCodeVal}}</li>
									<li class="dy-fx-1 border-r">{{item.channelNameCodeVal}}</li>
									<li class="dy-fx-1 border-r">{{item.customerName}}</li>
									<li class="dy-fx-1 border-r">{{item.customerPhone}}</li>
									<li class="dy-fx-1">
										<a @click="visitor_form_info_cancel(item)">取消关联</a>
									</li>
								</ul>
							</div>
						</div>
				</section>
				<!-- 线索详情 -->
				<section v-show="selectedTabItem == '客户详情'">
					<!-- 基本信息 -->
					<div class="block-container">
						<div class="title-wrap">
							<div class="title pull-left">主要信息</div>
							<hl-button class="pull-right" size="mini" @on-click="goEditCm(data.id)" v-if="quanxian.indexOf('c46') > -1">编辑</hl-button>
						</div>
						<div class="mes-show-container">
							<ul>
								<li>
									<div class="title dy-fx-1">客户名称：</div>
									<div class="value dy-fx-3">{{data.name | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-1">简称：</div>
									<div class="value dy-fx-3">{{data.shortName | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-2">客户类型：</div>
									<div class="value dy-fx-3"><span v-if="data.type == 'QY'">企业</span><span v-if="data.type == 'PE'">个人</span></div>
								</li>
							</ul>
							<ul v-if="data.customerState != 'LS'">
								<li>
									<div class="title dy-fx-1">客户状态：</div>
									<div class="value dy-fx-3">{{data.customerStateVal | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-1">所属行业：</div>
									<div class="value dy-fx-3">{{data.industryVal | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-2">过程管理：</div>
									<div class="value dy-fx-3">{{data.processTypeVal | formatUndefined}}</div>
								</li>
							</ul>
							<ul v-if="data.customerState == 'LS'">
								<li>
									<div class="title dy-fx-1">客户状态：</div>
									<div class="value dy-fx-3">{{data.customerStateVal | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-1">所属行业：</div>
									<div class="value dy-fx-3">{{data.industryVal | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-2">过程管理：</div>
									<div class="value dy-fx-3">{{data.processTypeVal | formatUndefined}}</div>
								</li>
								
							</ul>
							<ul v-if="data.customerState == 'LS'">								
								<li>
									<div class="title dy-fx-1">流失原因：</div>
									<div class="value dy-fx-3">{{data.lossReasonVal | formatUndefined}}</div>
								</li>
								<li></li>
								<li></li>
							</ul>
							<ul>
								<li>
									<div class="title dy-fx-1">联系人：</div>
									<div class="value dy-fx-3">{{data.lperson | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-1">联系电话：</div>
									<div class="value dy-fx-3">{{data.phone | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-1">邮箱：</div>
									<div class="value dy-fx-3">{{data.email | formatUndefined}}</div>
								</li>

							</ul>
							<ul>
								<li v-if="data.type == 'QY'">
									<div class="title dy-fx-1">纳税人识别号：</div>
									<div class="value dy-fx-8">{{data.idcode | formatUndefined}}</div>
								</li>
								<li v-if="data.type == 'PE'">
									<div class="title dy-fx-1">身份证号：</div>
									<div class="value dy-fx-11">{{data.idcode | formatUndefined}}</div>
								</li>
							</ul>
							<ul>
								<li class="dy-fx-2">
									<div class="title dy-fx-1">通讯地址：</div>
									<div class="value dy-fx-7">{{data.address | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-2">邮编：</div>
									<div class="value dy-fx-3">{{data.zipcode | formatUndefined}}</div>
								</li>
							</ul>
							<ul>
								<li>
									<div class="title dy-fx-1">渠道分类：</div>
									<div class="value dy-fx-3">{{data.channelCategoryVal | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-1">渠道名称：</div>
									<div class="value dy-fx-3">{{data.channelNameVal | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-2">是否黑名单：</div>
									<div class="value dy-fx-3">
										<span v-if="data.blackState == 'Y'">是</span>
										<span v-if="data.blackState == 'N'">否</span>
									</div>
								</li>
							</ul>
							<ul>
								<li class="dy-fx-2">
									<div class="title dy-fx-1">客户备注：</div>
									<div class="value dy-fx-7">{{data.memo | formatUndefined}}</div>
								</li>
								<li>
									<div class="title dy-fx-2">创建人：</div>
									<div class="value dy-fx-3">{{data.operator}}</div>
								</li>
							</ul>

							<!-- 自定义 -->
							<div class="mt-15">
								<hl-custom-fileds type="CUSTOMER" mode="detail" :data="tmpData"></hl-custom-fileds>
							</div>

						</div>
					</div>
					<!-- 工商信息 -->
					<div class="block-container" style="padding-bottom:26px;" v-if="data.cincbInfo">
						<div class="title-wrap">
							<div class="title pull-left">工商信息</div>
						</div>
						<div class="base-panel-outshadow">
							<ul class="dy-flex">
								<div class="gs-image-container dy-fx-1 mt-10">
									<img :src="data.cincbInfo.logoUrl" alt="">
								</div>

								<div class="mes-show-container dy-fx-2">
									<ul>
										<li>
											<div class="title dy-fx-3">工商注册号：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.bizRegisterCode | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">统一社会信用代码：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.socialUnifiedCreditCode | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">组织机构代码：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.bizOrganizationCode | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">法人名：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.bizLegalPersonName | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">注册资金：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.registerCapital | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">注册地址：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.registerAddr | formatUndefined}}</div>
										</li>
									</ul>
								</div>

								<div class="seperate-container dy-fx-1">
									<span></span>
								</div>

								<div class="mes-show-container dy-fx-2">
									<ul>
										<li>
											<div class="title dy-fx-3">经营状态：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.operateStatus | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">登记机关：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.registerAgency | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">公司类型：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.bizCompanyType | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">经营范围：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.operationScope | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">成立日期：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.establishTime | formatUndefined}}</div>
										</li>
									</ul>
									<ul>
										<li>
											<div class="title dy-fx-3">营业结束日期：</div>
											<div class="value dy-fx-4">{{data.cincbInfo.operationEndTime | formatUndefined}}</div>
										</li>
									</ul>
								</div>

							</ul>
						</div>
					</div>

					<div class="mtb-10">
						<hl-button type="primary" @on-click="followCustomer" v-if="quanxian.indexOf('c45') > -1">跟进客户</hl-button>
					</div>
				</section>

				<!-- 跟进记录 -->
				<section class="business-follow-container" style="margin-top:30px;" v-show="selectedTabItem == '跟进记录'">
					<div class="change_show" @click="showFlag = !showFlag"><span class="icon-GM-switch" style="margin-right: 5px;"></span>切换显示方式</div>
					<div class="hl-table" v-show="showFlag" @mouseenter="showScroll" @mouseleave="hideScroll" v-if="followList.length">
						<div class="scroll-wrap" :class="{'showScroll':isScroll}" ref="scrollLeft">
							<ul class="tb-title" style="width:1138px;">
								<li style="width:80px;">序号</li>
								<li style="width:140px;">跟进时间</li>
								<li style="width:78px;">跟进人</li>
								<li style="width:88px;">跟进方式</li>
								<li style="width:198px;">跟进记录</li>
								<li style="width:140px;">计划跟进时间</li>
								<li style="width:190px;">计划跟进内容</li>
								<li style="width:144px;" @click="sortByRecordTime">记录时间
									<span class="icon-Gm-sort-default bt-icon"><span class="path1"></span><i class="path2"></i></span>
								</li>
							</ul>
							<div class="tb-content" style="width:1138px;">
								<div class="content-item" v-for="(item,index) in followList">
									<div style="width:80px;">{{ index + 1 }}</div>
									<div style="width:140px;" class="ellipsis-1">{{item.followupTime | formatYYYYMMddHHmmss}}</div>
									<div style="width:78px;" class="ellipsis-1">{{item.followupUserName | formatUndefined}}</div>
									<div style="width:88px;" class="ellipsis-1">{{item.followupTypeName}}</div>
									<div style="width:198px;" class="ellipsis-1">{{item.memo | max8lenOff}}
										<a class="mr-5 cursor relative" v-if="item.memo.length > 8" @mouseenter="hoverText($event, item.memo)"
										 @mouseleave="mouseleaveOut">详情</a>
									</div>
									<div style="width:140px;" class="ellipsis-1">{{item.planFollowupTime | formatYYYYMMddHHmmss}}</div>
									<div style="width:190px;" class="ellipsis-1">{{item.planFollowupContent | formatUndefined}}</div>
									<div style="width:144px;" class="ellipsis-1x">{{item.recordTime | formatYYYYMMddHHmmss}}</div>
								</div>
							</div>
						</div>
					</div>
					<div v-show="!showFlag" style="border-left:2px solid #EDEDED;padding-left:12px">
						<ul v-for="(item,index) in followList" class="recordItem">
							<li class="recordItem_1">
								<span style="margin-right:8px">{{item.followupTime | formatDate}}</span>{{item.followupTypeCode | formatFollowUpType}}<span></span>
							</li>
							<li class="recordItem_2">{{item.followUsername}}</li>
							<li class="recordItem_3" v-if="item.followupMemo">{{item.memo}}</li>
							<li class="recordItem_4">
								<span style="margin-bottom:10px">计划跟进时间：{{item.planFollowupTime | formatDate}}</span>
								<span>计划跟进内容：{{item.planFollowupContent || '--'}}</span>
							</li>
							<li class="recordItem_5">记录时间：{{item.recordTime | formatDate}}</li>
							<li class="recordItem_6"></li>
						</ul>
					</div>
					<div class="pt-10">
						<hl-button type="primary" @on-click="followCustomer" v-if="quanxian.indexOf('c45') > -1">跟进客户</hl-button>
					</div>
				</section>

				<!-- 初步意向 -->
				<div class="cmr-yxCustomer cmr-basis" v-if="selectedTabItem == '初步意向'">
					<!-- 意向列表 -->
					<section v-for="(item,index) in willsList">
						<!-- 展示 -->
						<div v-if="editYxIndex !== index">
							<div class="clearfix">
								<div class="title pull-left">意向信息{{index + 1}}</div>
								<div class="pull-right">
									<button type="button" class="btn s-btn-default mr-10" @click="deleteWill(item.intentId)">删除</button>
									<button type="button" class="btn s-btn-default" @click="editWill(index)">编辑</button>
								</div>
							</div>
							<div class="cmr-outerlayer">
								<div class="dy-flex">
									<div class="dy-fx-1"> <span class="color99">需求时间：</span> {{item.intentStartDate | formatDate}} 至
										{{item.intentEndDate | formatDate}}</div>
								</div>
								<div class="dy-flex">
									<div class="dy-fx-1"> <span class="color99">需求类型：</span> {{item.intentType == 'ER' ? '整租':'工位'}}</div>
								</div>
								<div class="dy-flex">
									<div class="dy-fx-1" v-if="item.intentType == 'WR'"> <span class="color99">需求个数：</span> {{item.intentAcreage}}个</div>
									<div class="dy-fx-1" v-if="item.intentType == 'ER'"> <span class="color99">需求面积：</span> {{item.intentAcreageVal}}m²</div>
								</div>
								<div class="dy-flex">
									<div class="dy-fx-1"> <span class="color99">需求车位：</span> {{item.intentParkingNum}}个</div>
								</div>
								<div class="dy-flex">
								  <div class="dy-fx-1"><span class="color99">预算金额：</span>{{item.budgetAmount | formatNum}}元</div>
								</div>
								<div class="dy-flex">
									<div class="dy-fx-1"> <span class="color99">意向项目：</span> {{item.projectInfo.projectName}}</div>
								</div>

								<div v-if="item.intentType == 'ER' && item.projectInfo.units.length">
									<div class="color99">意向单元:</div>
									<div class="cmr-unit-table hl-table">
										<div class="dy-flex hl-table-th gradient-color">
											<div class="dy-fx-1">楼宇</div>
											<div class="dy-fx-1">楼层</div>
											<div class="dy-fx-1 border-r">单元</div>
										</div>
										<div class="dy-flex hl-table-tb" v-for="(item, index) in item.projectInfo.units">
											<div class="dy-fx-1">{{item.building_name}}</div>
											<div class="dy-fx-1">{{item.floor_num}}</div>
											<div class="dy-fx-1">{{item.unit_name}}</div>
										</div>
									</div>
								</div>

								<div v-if="item.intentType == 'WR' && item.projectInfo.wps.length">
									<div class="color99">意向工位:</div>
									<div class="cmr-wp-table hl-table">
										<div class="dy-flex hl-table-th gradient-color">
											<div class="dy-fx-4">楼宇</div>
											<div class="dy-fx-1">楼层</div>
											<div class="dy-fx-1">单元</div>
											<div class="dy-fx-1">工位数</div>
											<div class="position-item border-r">工位清单</div>
										</div>
										<div class="dy-flex hl-table-tb content-item" v-for="(single, index) in item.positionsList">
											<div class="dy-fx-4">{{single.building_name}}</div>
											<div class="dy-fx-1">{{single.floor_num}}</div>
											<div class="dy-fx-1">{{single.unit_name}}</div>
											<div class="dy-fx-1">{{single.positions.length}}</div>
											<div class="position-item">
												<span class="position">
													<b v-for="(item1, index1) in single.positions">
														{{item1.position_name}}<i v-if=" index1 + 1 !== single.positions.length">、</i>
													</b>
												</span>
											</div>
										</div>
									</div>
								</div>

								<div class="sperate-line"></div>
							</div>
						</div>
						<!-- 编辑意向 -->
						<section v-if="editYxFlag && editYxIndex == index">
							<div class="clearfix">
								<div class="title pull-left">意向信息{{index + 1}}</div>
								<div class="pull-right">
									<button type="button" class="btn s-btn-default mr-10" @click="cancelWill">取消</button>
									<button type="button" class="btn s-btn-default" @click="saveWill('edit',item.intentId)">保存</button>
								</div>
							</div>
							<div class="cmr-outerlayer">
								<div class="row mb-10">
									<div class="col-md-1 pr-0 color99">需求时间:</div>
									<div class="col-md-2">
										<web-calendar type="primary" v-model="beginTime" :afterdate="endTime"></web-calendar>
									</div>
									<div class="cmr-date-line">-</div>
									<div class="col-md-2">
										<web-calendar type="primary" v-model="endTime" :beforedate="beginTime"></web-calendar>
									</div>
								</div>
								<div class="row mb-10">
									<div class="col-md-1 pr-0 color99">需求类型:</div>
									<div class="col-md-11">
										<span class="hl-radio mr-10" :class="{active:item.type == addWillData.type.active}" :type="item.type" v-for="(item,index) in addWillData.type.list"
										 @click="selectYxType(item.type)">{{item.name}}</span>
									</div>
								</div>
								<div class="row mb-10" v-if="addWillData.type.active == 'ER'">
									<div class="col-md-1 pr-0 color99">需求面积:</div>
									<div class="col-md-2 pr-0">
										<hl-select width="100%" :data="intentAreaData" v-model="addWillData.acreage" type="primary"></hl-select>
									</div>
									<div class="col-md-1">m²</div>
								</div>
								<div class="row mb-10" v-if="addWillData.type.active == 'WR'">
									<div class="col-md-1 pr-0 color99">需求个数:</div>
									<div class="col-md-1 pr-0">
										<input type="text" class="form-control" v-model="addWillData.wp_count">
									</div>
									<div class="col-md-1">个</div>
								</div>
								<div class="row mb-10">
									<div class="col-md-1 pr-0 color99">需求车位:</div>
									<div class="col-md-1 pr-0">
										<input type="text" class="form-control" v-model="addWillData.st_count">
									</div>
									<div class="col-md-1">个</div>
								</div>
								<div class="row mb-10">
								  <div class="col-md-1 pr-0 color99">预算金额:</div>
								  <div class="col-md-2 pr-0">
								    <input type="text" class="form-control" v-model.number="addWillData.budget_amount">
								  </div>
								  <div class="col-md-1">元</div>
								</div>
								<div class="row mb-10">
									<div class="col-md-1 pr-0 color99">意向项目:</div>
									<div class="col-md-4">
										<div class="select-ul cmr-pro-select">
											<span class="select-name br-4 box-i-shadow">{{addWillData.project_name}}</span>
											<ul>
												<li v-for="(item, index) in projects.list" @click="getProjectsId(item.projectId, item.projectName)">{{item.projectName}}</li>
											</ul>
										</div>
									</div>
									<div class="pull-left">
										<button class="btn n-btn-primary" v-if="addWillData.type.active == 'ER'" @click="getBuildings(1)">
											<span class="icon-Org-account mr-10"></span>意向单元
										</button>

										<button class="btn n-btn-primary" v-if="addWillData.type.active == 'WR'" @click="getBuildings(2)">
											<span class="icon-Org-account mr-10"></span>意向工位
										</button>
									</div>
								</div>
								<div v-if="addWillData.type.active == 'ER' && unitData.length">
									<div class="color99">意向单元:</div>
									<div class="cmr-unit-table hl-table">
										<div class="dy-flex hl-table-th gradient-color">
											<div class="dy-fx-2">楼宇</div>
											<div class="dy-fx-2">楼层</div>
											<div class="dy-fx-2">单元</div>
											<div class="dy-fx-1 border-r">操作</div>
										</div>
										<div class="dy-flex hl-table-tb" v-for="(item, index) in unitData">
											<div class="dy-fx-2">{{item.buildingName || item.building_name}}</div>
											<div class="dy-fx-2">{{item.floorNum || item.floor_num}}</div>
											<div class="dy-fx-2">{{item.unitName || item.unit_name}}</div>
											<div class="dy-fx-1">
												<span class="icon-Gm-delete-2 color-999" @click="deleteUnit(index)"></span>
											</div>
										</div>
									</div>
								</div>
								<div v-if="addWillData.type.active == 'WR' && wpData.length">
									<div class="color99">意向工位:</div>
									<div class="cmr-wp-table hl-table">
										<div class="dy-flex hl-table-th gradient-color">
											<div class="dy-fx-4">楼宇</div>
											<div class="dy-fx-1">楼层</div>
											<div class="dy-fx-1">单元</div>
											<div class="dy-fx-1">工位数</div>
											<div class="position-item border-r">工位清单</div>
										</div>
										<div class="dy-flex hl-table-tb content-item" v-for="(item, index) in wpData">
											<div class="dy-fx-4">{{item.building_name}}</div>
											<div class="dy-fx-1">{{item.floor_num}}</div>
											<div class="dy-fx-1">{{item.unit_name}}</div>
											<div class="dy-fx-1">{{item.positions.length}}</div>
											<div class="position-item">
												<span class="position">
													<span v-for="(item0, index0) in item.positions" @click="delwp(item, index0,index)">
														{{item0.position_name}}
														<i class="icon-Gm-delete-2"></i>
													</span>
												</span>
											</div>
										</div>
									</div>
								</div>
								<div class="sperate-line"></div>
							</div>
						</section>
					</section>

					<!-- 添加意向 -->
					<section v-if="yxFlag">
						<div class="clearfix">
							<div class="title pull-left">意向信息{{addYxIndex+1+willsList.length}}</div>
							<div class="pull-right">
								<hl-button size="mini" @on-click="cancelWill">取消</hl-button>
								<hl-button size="mini" @on-click="saveWill('add')">保存</hl-button>
							</div>
						</div>
						<div class="cmr-outerlayer">
							<div class="row mb-10">
								<div class="col-md-1 pr-0 color99">需求时间:</div>
								<div class="col-md-2">
									<web-calendar type="primary" v-model="beginTime" :afterdate="endTime" tips="起始日期"></web-calendar>
								</div>
								<div class="cmr-date-line">-</div>
								<div class="col-md-2">
									<web-calendar type="primary" v-model="endTime" :beforedate="beginTime" tips="截止日期"></web-calendar>
								</div>
							</div>
							<div class="row mb-10">
								<div class="col-md-1 pr-0 color99">需求类型:</div>
								<div class="col-md-11">
									<span class="hl-radio mr-10" :class="{active:item.type == addWillData.type.active}" :type="item.type" v-for="(item,index) in addWillData.type.list"
									 @click="selectYxType(item.type)">{{item.name}}</span>
								</div>
							</div>
							<div class="row mb-10" v-if="addWillData.type.active == 'ER'">
								<div class="col-md-1 pr-0 color99">需求面积:</div>
								<div class="col-md-2 pr-0">
									<hl-select width="100%" :data="intentAreaData" v-model="addWillData.acreage" type="primary"></hl-select>
								</div>
								<div class="col-md-1">m²</div>
							</div>
							<div class="row mb-10" v-if="addWillData.type.active == 'WR'">
								<div class="col-md-1 pr-0 color99">需求个数:</div>
								<div class="col-md-1 pr-0">
									<input type="text" class="form-control" v-model="addWillData.wp_count">
								</div>
								<div class="col-md-1">个</div>
							</div>
							<div class="row mb-10">
								<div class="col-md-1 pr-0 color99">需求车位:</div>
								<div class="col-md-1 pr-0">
									<input type="text" class="form-control" v-model="addWillData.st_count">
								</div>
								<div class="col-md-1">个</div>
							</div>
							<div class="row mb-10">
							  <div class="col-md-1 pr-0 color99">预算金额:</div>
							  <div class="col-md-2 pr-0">
							    <input type="text" class="form-control" v-model.number="addWillData.budget_amount">
							  </div>
							  <div class="col-md-1">元</div>
							</div>
							<div class="row mb-10">
								<div class="col-md-1 pr-0 color99">意向项目:</div>
								<div class="col-md-4">
									<div class="select-ul cmr-pro-select">
										<span class="select-name br-4 box-i-shadow">请选择</span>
										<ul>
											<li v-for="(item, index) in projects.list" @click="getProjectsId(item.projectId, item.projectName)">{{item.projectName}}</li>
										</ul>
									</div>
								</div>
								<div class="pull-left">
									<hl-button icon="icon-Org-account" type="primary" @on-click="getBuildings(1)" v-if="addWillData.type.active == 'ER'">意向单元</hl-button>
									<hl-button icon="icon-Org-account" type="primary" @on-click="getBuildings(2)" v-if="addWillData.type.active == 'WR'">意向工位</hl-button>
								</div>
							</div>
							<!-- 意向单元 -->
							<div v-if="addWillData.type.active == 'ER' && unitData.length">
								<div class="color99">意向单元:</div>
								<div class="cmr-unit-table hl-table">
									<div class="dy-flex hl-table-th gradient-color">
										<div class="dy-fx-2">楼宇</div>
										<div class="dy-fx-2">楼层</div>
										<div class="dy-fx-2">单元</div>
										<div class="dy-fx-1 border-r">操作</div>
									</div>
									<div class="dy-flex hl-table-tb" v-for="(item, index) in unitData">
										<div class="dy-fx-2">{{item.building_name}}</div>
										<div class="dy-fx-2">{{item.floor_num}}</div>
										<div class="dy-fx-2">{{item.unit_name}}</div>
										<div class="dy-fx-1">
											<span class="icon-Gm-delete-2 color-999" @click="deleteUnit(index)"></span>
										</div>
									</div>
								</div>
							</div>
							<!-- 意向工位 -->
							<div v-if="addWillData.type.active == 'WR' && wpData.length">
								<div class="color99">意向工位:</div>
								<div class="cmr-wp-table hl-table">
									<div class="dy-flex hl-table-th gradient-color">
										<div class="dy-fx-4">楼宇</div>
										<div class="dy-fx-1">楼层</div>
										<div class="dy-fx-1">单元</div>
										<div class="dy-fx-1">工位数</div>
										<div class="position-item border-r">工位清单</div>
									</div>
									<div class="dy-flex hl-table-tb content-item" v-for="(item, index) in wpData">
										<div class="dy-fx-4">{{item.building_name}}</div>
										<div class="dy-fx-1">{{item.floor_num}}</div>
										<div class="dy-fx-1">{{item.unit_name}}</div>
										<div class="dy-fx-1">{{item.positions ? item.positions.length : '0'}}</div>
										<div class="position-item">
											<span class="position">
												<span v-for="(item0, index0) in item.positions" @click="delwp(item, index0)">
													{{item0.position_name}}
													<i class="icon-Gm-delete-2"></i>
												</span>
											</span>
										</div>
									</div>
								</div>
							</div>

							<div class="sperate-line"></div>
						</div>
					</section>
					<hl-button type="primary" @on-click="addWill">添加意向</hl-button>
				</div>
				<!-- 上传文件 -->
				<section v-show="selectedTabItem == '相关文件'" class="upload">
					<div class="contract-file-container mt-15">
						<div class="upload-head-contract clearfix border-b pb-10">
							<div class="pull-left font-16 line-height-34">文件列表</div>
							<hl-button class="pull-right" @on-click="uploadFile" v-if="permissions.indexOf('c92') > -1">上传文件</hl-button>
						</div>

						<div>
							<ul>
								<li class="clearfix border-b" v-for="(item,index) in attachmentsList">
									<p class="icon-Nav-contract-file file-name">
										<span>{{item.name}}</span>
									</p>
									<p class="pull-right line-height-45 file-btn dy-flex opera-but" style="align-items: center;height: 45px">
										<a class="icon-Gm-delete opera-but-first" v-if="permissions.indexOf('c91') > -1" @click="deleteFile(item.url,index)">
											<b>删除</b>
										</a>
										<span class="block-D-P-D" v-if="permissions.indexOf('c91') > -1"></span>
										<a class="icon-GM-preview" @click="previewImage(item.url)">
											<b>预览</b>
										</a>
										<span class="block-D-P-D"></span>
										<a :href="item.url" :download="item.name" class="icon-Gm-download">
											<b>下载</b>
										</a>
									</p>
								</li>
							</ul>
						</div>
				</section>
				<!-- 意向信息 -->
				<section v-show="selectedTabItem == '意向信息'" class="cmr-basis">
					<div class="br-4 box-i-shadow-2 mt-15 text-center yxDetailInfo">
						<div style="width:1135px;">
							<div class="clearfix l-h-40">
								<div style="width: 50px;" class="pull-left">序</div>
								<div style="width: 165px;" class="pull-left">意向书编号</div>
								<div style="width: 100px;" class="pull-left">意向项目</div>
								<div style="width: 265px;" class="pull-left">意向周期</div>
								<div style="width: 165px;" class="pull-left">确认时间</div>
								<div style="width: 125px;" class="pull-left">意向金（元）</div>
								<div style="width: 165px;" class="pull-left">收款截止日</div>
								<div style="width: 100px;" class="pull-left">状态</div>
							</div>
							<div class="clearfix l-h-40 border-t cm-hover-bg" v-for="(item,index) in intentlist">
								<div style="width: 50px;" class="pull-left">{{index+1}}</div>
								<div style="width: 165px;" class="pull-left"><a target="_blank" :href="'#/yxDetail?id='+item.intentId+'&ddtab=true'">{{item.intentCode}}</a></div>
								<div style="width: 100px;" class="pull-left ellipsis-1">{{item.projectName}}</div>
								<div style="width: 265px;" class="pull-left">{{item.intentStartDate | formatDate}} 至 {{item.intentEndDate | formatDate}}</div>
								<div style="width: 165px;" class="pull-left">{{item.confirmTime | formatDate}}</div>
								<div style="width: 125px;" class="pull-left">{{item.intentAmount}}</div>
								<div style="width: 165px;" class="pull-left">{{item.intentPaymentDeadline | formatDate}}</div>
								<div style="width: 100px;" class="pull-left">{{item.auditStateVal}}</div>
							</div>
						</div>
					</div>
					<div class="mtb-10">
						<hl-button type="primary" @on-click="createintent">新增意向书</hl-button>
					</div>

				</section>
				<!-- 关联合同 -->
				<section v-show="selectedTabItem == '关联合同'">
					<div class="br-4 box-i-shadow-2 mt-15 text-center">
						<div class="dy-flex l-h-40">
							<div class="dy-fx-1">序</div>
							<div class="dy-fx-2">合同编号</div>
							<div class="dy-fx-2">签订时间</div>
							<div class="dy-fx-2">记租时间</div>
							<div class="dy-fx-2">到期时间</div>
							<div class="dy-fx-1">状态</div>
							<div class="dy-fx-1">签订人</div>
						</div>
						<div class="dy-flex l-h-40 border-t cm-hover-bg" v-for="(item,index) in unitContractData">
							<div class="dy-fx-1">{{index+1}}</div>
							<div class="dy-fx-2"><a target="_blank" :href="'#/contractNewDeatil?id='+item.id+'&ddtab=true'">{{item.cCode || item.mCode}}</a></div>
							<div class="dy-fx-2">{{item.signTime | formatDate}}</div>
							<div class="dy-fx-2">{{item.beginDate | formatDate}}</div>
							<div class="dy-fx-2">{{item.endDate | formatDate}}</div>
							<div class="dy-fx-1">{{item.auditState | formatBusinessType}}</div>
							<div class="dy-fx-1">{{item.sperson}}</div>
						</div>
					</div>
					<div class="mtb-10">
						<hl-button type="primary" @on-click="createContract">新增合同</hl-button>
					</div>
				</section>
				<!-- 联系人 -->
				<section v-show="selectedTabItem == '联系人'">
					<div class="br-4 box-i-shadow-2 mt-15 text-center">
						<div class="dy-flex l-h-40">
							<div class="dy-fx-1">签订人</div>
							<div class="dy-fx-2">联系电话</div>
							<div class="dy-fx-3">备注</div>
							<div class="dy-fx-1 border-l">操作</div>
						</div>
						<div class="dy-flex l-h-40 border-t cm-hover-bg" v-for="item in lspeopleData">
							<div class="dy-fx-1">{{item.name}}</div>
							<div class="dy-fx-2">{{item.phone}}</div>
							<div class="dy-fx-3 ellipsis-1">{{item.memo}}</div>
							<div class="dy-fx-1 border-l">
								<a class="mr-10" @click="putLspeoplo(item)">编辑</a>
								<a @click="delLspeople(item.id)">删除</a>
							</div>
						</div>
					</div>
					<div class="mtb-10">
						<hl-button type="primary" @on-click="createLspeoplo">新建联系人</hl-button>
					</div>
				</section>

			</div>
		</div>

		<!-- 新建联系人 -->
		<div class="mark-cm-fw" v-if="createFollowFlag">
			<div class="cm-pop-lspeople br-4">
				<div class="cm-title" ref="title">{{!lspeopleSetData.name ? '新建联系人' : '编辑联系人'}}</div>
				<div class="icon-Gm-close cm-close-fw cursor" @click="closepeople"></div>
				<div class="cm-container">
					<div class="dy-flex line-height-34">
						<div class="dy-fx-2"><span class="required">*</span>联系人：</div>
						<div class="dy-fx-4"><input type="text" class="form-control" v-model="lspeopleSetData.name" /></div>
					</div>
					<div class="dy-flex line-height-34 mt-10">
						<div class="dy-fx-2"><span class="required">*</span>联系电话：</div>
						<div class="dy-fx-4"><input type="text" class="form-control" v-model="lspeopleSetData.phone" /></div>
					</div>
					<div class="dy-flex line-height-34 mt-10">
						<div class="dy-fx-2"><span style="color:#fff;">*</span>备注：</div>
						<div class="dy-fx-4"><textarea type="text" class="form-control" rows="4" v-model="lspeopleSetData.memo"></textarea></div>
					</div>
				</div>
				<div class="text-center button-cm">
					<hl-button type="primary" @on-click="putPostlspeoplo">确定</hl-button>
					<hl-button type="outline" @on-click="closepeople">取消</hl-button>
				</div>
			</div>
		</div>

		<!-- 添加单元弹出层 -->
		<section class="pop" v-if="bounced.unitFlag">
			<div class="head-pop font-16"><span class="title">添加单元</span>
				<button class="fw-close absolute" @click="closeAddUnitPop">×</button>
			</div>
			<div class="content border-b">
				<!-- 选择容器 -->
				<div class="clearfix select-row">
					<div class="pull-left clearfix">
						<div class="pull-left hl-34 mr-10">选择楼宇:</div>
						<div class="pull-left building-select unit-name">
							<div class="select-ul">
								<span class="select-name br-4 box-i-shadow">请选择</span>
								<ul>
									<li v-for="item in projects.builddata" @click="getBuildId(item.buildingId, item.names)">{{item.names}}</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="pull-left clearfix">
						<div class="pull-left hl-34 mlr-10">选择楼层:</div>
						<div class="pull-left floor-select">
							<div class="select-ul">
								<span class="select-name br-4 box-i-shadow">请选择</span>
								<ul>
									<li v-for="(item, index) in projects.floorsdata" @click="getUnits(item.floorId, item.floorName)">{{item.floorName}}</li>
								</ul>
							</div>
						</div>
					</div>
					<button class="btn n-btn-default mlr-10" @click="queryUnit">查询</button>
				</div>
				<!-- 内容 -->
				<div class="clearfix table">
					<div class="tb-title clearfix pull-left" style="width:62px;">
						<div class="last-unit">单元</div>
					</div>
					<ul class="tb-content pull-left" style="width:706px;">
						<li class="tb-item clearfix pt-10" v-if="projects.unitdata.length > 0">
							<div class="last-unit unit-active">
								<span v-for="(item, index) in projects.unitdata" @click="selUnit($event, index, item.unitId)" :data-unitId="item.unitId"
								 v-if="item.unitType == 'BU' && item.rentState != 'ZY'">
									{{item.unitName.length > 9 ? item.unitName.substr(0,8)+'...' : item.unitName}}
									<i class="icon-Nav-contract-choice selected-icon"></i>
								</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="button-container ptb-10 text-center">
				<hl-button type="primary" @on-click="confirmAddUnitsOrWp(1)">确认添加</hl-button>
			</div>
		</section>

		<!-- 添加工位弹出层 -->
		<section class="pop" v-if="bounced.wpFlag">
			<div class="head-pop font-16"><span class="title">添加工位</span>
				<button class="fw-close absolute" @click="closeAddwpPop">×</button>
			</div>
			<div class="content border-b">
				<!-- 选择容器 -->
				<div class="clearfix select-row">
					<div class="pull-left clearfix">
						<div class="pull-left hl-34 mr-10">楼宇:</div>
						<div class="pull-left building-select">
							<div class="select-ul">
								<span class="select-name br-4 box-i-shadow">请选择</span>
								<ul>
									<li v-for="item in projects.builddata" @click="getBuildId(item.buildingId, item.names)">{{item.names}}</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="pull-left clearfix">
						<div class="pull-left hl-34 mlr-10">楼层:</div>
						<div class="pull-left floor-select">
							<div class="select-ul">
								<span class="select-name br-4 box-i-shadow">请选择</span>
								<ul>
									<li v-for="(item, index) in projects.floorsdata" @click="getStWpUnitsList(item.floorId, item.floorName)">{{item.floorName}}</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="pull-left clearfix">
						<div class="pull-left hl-34 mlr-10">单元:</div>
						<div class="pull-left unit-select">
							<div class="select-ul">
								<span class="select-name br-4 box-i-shadow">请选择</span>
								<ul>
									<li v-for="(item, index) in projects.unitdata" v-if="item.unitType == 'WP'" @click="getWp(item.unitId, item.unitName, index)">{{item.unitName}}</li>
								</ul>
							</div>
						</div>


					</div>
					<button class="btn n-btn-default mlr-10">查询</button>
				</div>
				<!-- 内容 -->
				<div class="clearfix table">
					<div class="tb-title clearfix pull-left" style="width:62px;">
						<div class="position">工位</div>
					</div>
					<ul class="tb-content pull-left" style="width:706px;">
						<li class="tb-item clearfix pt-10">
							<div class="position st-unit wp-list">
								<span v-for="(item, index) in projects.stWpdata" @click.prevent="selectWp($event, index, item.positionId, item.positionName)"
								 :data-posId="item.positionId" v-if="item.rentState != 'ZY'">
									{{item.positionName.length > 9 ? item.positionName.substr(0,8)+'...' : item.positionName}}
									<i class="icon-Nav-contract-choice selected-icon"></i>
								</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="button-container ptb-10 text-center">
				<button class="btn n-btn-primary" @click="confirmAddUnitsOrWp(2)">确认添加</button>
			</div>
		</section>
		<!-- 企业绑定 -->
		<div class="pop box-o-shadow ddqy-pop" v-show="isShowQyLayer" style="width:600px;">
			<div class="head-pop font-16"><span>企业绑定</span>
				<button class="fw-close absolute close" type="button" @click="closeQyLayer">×</button>
			</div>
			<div class="content-pop">
				<div class="content" style="padding:40px 45px;">
					<div style="margin-bottom:20px;">
						<div class="dy-flex mb-10">
							<div class="dy-fx-1 line-height-34 ">AgentId:</div>
							<div class="dy-fx-3">
								<input type="text" class="form-control agentId-ipt" v-model="agentId" style="width:200px;" @blur="validateAgentId">
							</div>
						</div>
						<div class="dy-flex mb-10">
							<div class="dy-fx-1 line-height-34 ">AppKey:</div>
							<div class="dy-fx-3">
								<input type="text" class="form-control appKey-ipt" v-model="appKey" style="width:200px;" @blur="validateAppKey">
							</div>
						</div>
						<div class="dy-flex">
							<div class="dy-fx-1 line-height-34 ">AppSecret:</div>
							<div class="dy-fx-3">
								<input type="text" class="form-control corpSecret-ipt" v-model="appSecret" style="width:200px;">
							</div>
						</div>
					</div>

					<p style="margin-bottom:20px;">以上内容将用于同步用户到系统以及后续的消息通知与账号免登录，获取步骤如下:</p>
					<p>1.钉钉主管理员在电脑访问https://open-dev.dingtalk.com/。</p>
					<p>2.进入“应用开发”-“开发账号管理”菜单。</p>
					<p>3.页面右侧“企业接口调用AppSecret”中的数据即为当前所需。</p>
				</div>
			</div>
			<div class="fw-button">
				<button type="button" class="fw-submit yes mr-10" @click="confirmBindQy">确认</button>
				<button type="button" class="fw-submit no" @click="closeQyLayer">取消</button>
			</div>
		</div>
		<!-- 账号绑定 -->
		<div class="pop box-o-shadow ddAccount-pop" v-show="isShowAccountLayer" style="width:680px;">
			<div class="head-pop font-16"><span>账号绑定</span>
				<button class="fw-close absolute close" type="button" @click="closeAccountLayer">×</button>
			</div>
			<div class="content-pop">
				<div class="content clearfix" style="padding:0px 45px 30px;">
					<div class="pull-left">
						<p class="title">可选账号</p>
						<div class="assignees-container">
							<div class="approve-person"></div>
						</div>
					</div>

					<div class="pull-right">
						<p class="title">已选账号</p>
						<div class="select-member-container">
							<ul class="select-member-wrap">
								<li v-for="item in alluser">{{item.name}}</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="fw-button">
				<button type="button" class="fw-submit yes mr-10" @click="confirmBindAccount">确认</button>
				<button type="button" class="fw-submit no" @click="closeAccountLayer">取消</button>
			</div>
		</div>

		<div class="backdrop" v-if="bounced.unitFlag"></div>
		<div class="backdrop" v-if="bounced.wpFlag"></div>
		<div class="backdrop" v-show="isShowQyLayer"></div>
		<div class="backdrop" v-show="isShowAccountLayer"></div>
		<div class="backdrop" v-show="isShowBusinessLayer"></div>

		<!--关闭线索弹出层-->
		<div class="pop box-o-shadow" style="width:600px;" v-show="isShowBusinessLayer">
			<div class="head-pop font-16"><span>关闭线索</span>
				<button class="fw-close absolute close" type="button" @click="cancelCloseBusinessLayer">×</button>
			</div>
			<div class="content-pop">
				<div class="row mb-10">
					<div class="col-md-3 pr-0 text-right line-height-34"><span class="required">*</span>关闭原因：</div>
					<div class="col-md-4 pr-0">
						<div class="select-ul" id="reason-st">
							<span class="select-name br-4 box-i-shadow">{{closeReasonObj.closeReasonValue ?
                closeReasonObj.closeReasonValue : '请选择'}}</span>
							<ul>
								<li v-for="item in closeReason" @click="selectCloseReason(item.dictCode, item.dictName)">{{item.dictName}}</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="row mb-10">
					<div class="col-md-3 pr-0 text-right line-height-34">关闭说明：</div>
					<div class="col-md-8">
						<textarea name="name" rows="8" cols="80" class="form-control" placeholder="请详细说明原因" v-model="closeReasonObj.closeDescription"></textarea>
					</div>
				</div>
			</div>
			<div class="fw-button">
				<button type="button" class="fw-submit yes" @click="confirmCloseBusiness">确定</button>
				<button type="button" class="fw-submit no" @click="cancelCloseBusinessLayer">取消</button>
			</div>
		</div>
		<div class="text-hover-top" v-if="texthover" :style="{left:lefthover, top:tophover}">{{textLong}}</div>
		<div class="loadprogress" v-if="progress">正在上传({{progress}})...</div>
	</div>
	<div class="upload-file-button"></div>

</section>

<script src="modules/flow/scripts/approve.js" charset="utf-8"></script>
<script src="modules/customer/scripts/customer_details.js" charset="utf-8"></script>



<style>
	.loadprogress {
		position: fixed;
		z-index: 999999;
		left: 0;
		bottom: 0;
		height: 20px;
		width: 500px;
		font-size: 12px;
		text-indent: 3px;
		line-height: 20px;
	}

	.cm-hover-bg:hover {
		background-color: #f9f9f9;
	}

	.mark-cm-fw {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, .5);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
	}

	.cm-pop-lspeople {
		width: 650px;
		background-color: #f2f2f2;
		position: relative;
	}

	.cm-title {
		font-size: 16px;
		line-height: 50px;
		height: 50px;
		text-align: center;
		background-color: #fff;
	}

	.cm-close-fw {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}

	.cm-container {
		margin: 30px 150px 0;
		/* background-color: #; */
	}

	.button-cm {
		background-color: #fff;
		padding: 10px 0;
		margin-top: 25px;
	}

	/* //审批节点 */

	.approve-person .approve-top {
		height: 50px;
		width: 100%;
		background: rgba(241, 241, 241, 1);
		display: flex;
		text-align: center;
	}

	.approve-person .approve-top .approve-tab {
		flex: 1;
		position: relative;
		line-height: 50px;
	}

	.approve-tab-active {
		color: #565E99;
	}

	.approve-tab-active:before {
		content: '';
		position: absolute;
		bottom: 0;
		width: 60px;
		height: 2px;
		background: rgba(86, 94, 153, 1);
	}

	.approve-node {
		text-align: left;
		padding-left: 15px;
	}

	.node-children-name {
		line-height: 40px;
		height: 40px;
		padding-left: 5px;
	}

	.user-select {
		cursor: pointer;
		width: 16px;
		height: 16px;
		margin-top: 12px;
		border-radius: 4px;
		border: 1px solid #ddd;
		display: inline-block;
		vertical-align: top;
	}

	.user-select-active {
		background-image: url(../../../assets/images/Check.png);
		background-size: 80%;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #5e67a5;
		border-color: #5e67a5;
	}

	.check-auth {
		width: 13px;
		height: 13px;
		position: relative;
		border: 1px solid #666;
		border-radius: 4px;
	}

	.check-auth-active {
		background-image: url(../../../assets/images/Check.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 8px;
		background-color: #5e67a5;
		width: 13px;
		height: 13px;
		border: 1px solid #5e67a5;
		border-radius: 4px;
	}

	.auto-close {
		right: 0;
		top: 0;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
	}

	.auth-project {
		width: 900px;
		background: #fff;
		border-radius: 6px;
		position: relative;
	}

	.cz-center {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mark-auth-project {
		background: rgba(0, 0, 0, .5);
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
